<template>
  <div class="footer">
    <h1>我是Footer</h1>
    <p>Count的值是{{count}}</p>
    <h2>电影列表<button @click="getMovieList">获取电影</button></h2>
    <ul>
        <li v-for="item in movieList" :key="item.tvId">{{item.albumName}}</li>
    </ul>
  </div>
</template>

<script>
import { mapActions, mapState } from 'vuex'
export default {
    name:"Footer",
    
    computed:{
        ...mapState("count",["count","movieList"])
    },
    methods:{
        ...mapActions("count",["getMovieList"])
    }
}
</script>

<style>

    .footer{
        background-color:pink;
        /* margin: 0 auto; */
        text-align: center;

    }
    *{
        list-style: none;
    }
</style>